.category-card {
  .category-card-header {
    text-align: center;
    font-size: 23rpx;
    display: flex;
    align-items: center;

    &::before {
      content: "";
      flex: 1;
      height: 5rpx;
      background: linear-gradient(to left, #ccc, transparent);
      margin-right: 25rpx;
    }

    &::after {
      content: "";
      flex: 1;
      height: 5rpx;
      background: linear-gradient(to right, #ccc, transparent);
      margin-left: 25rpx;
    }
  }

  .category-card-body {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 30rpx;
    margin-top: 30rpx;
    margin-bottom: 55rpx;

    .category-card-body-item {
      display: flex;
      flex-direction: column;
      align-items: center;

      .category-card-body-image {
        width: 142rpx;
        height: 142rpx;
      }

      .category-card-body-text {
        font-size: 23rpx;
      }
    }

  }
}